﻿
 <!DOCTYPE html>
 <html lang="zh">
 
 	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	    <meta http-equiv="Content-Language" content="zh-CN"/>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	    <meta name="description" content="shop">
	    <meta name="author" content="letsun">
	    
	    <title>商品列表</title>
 		<link rel="shortcut icon" href="/shop-pc/resources/icon/favicon.ico" type="image/x-icon" />
	    <link rel="icon" href="/shop-pc/resources/icon/favicon.ico" type="image/x-icon" />
	    <script src="../js/jquery.min.js"></script>
	   
	    <script src="../js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"  />
		<link rel="stylesheet" type="text/css" href="../plugs/fontAwesome/4.6.3/css/font-awesome.min.css"  />
		
		<script src="../js/jquery.gritter.min.js"></script>
		<script src="../js/jquery.gritter.min.extend.js"></script>
  		<link rel="stylesheet" type="text/css"  href="../css/jquery.gritter.css"  />
		
		<!--
		<link rel="stylesheet" type="text/css" href="../css/bootstrap-sticky-footer.css" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrap-fix.css" />
		-->
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		
		<link href="../css/foot.css" rel="stylesheet" type="text/css">
		<link href="../css/goodsSearchList.css" rel="stylesheet" type="text/css">
		<style>
			.col-md-12{
				margin:0px;
				padding:0px;
			}
		</style>
		
	
		<!-- page specific plugin styles -->
		<link href="../css/goodslist.css" rel="stylesheet" type="text/css">

		<style>
			/* fix */
			body{
				background-color:#FFF;
			}
			
			.thumbnail{	
				height:380px;
				max-height:380px;
			}
			.goods-title a{
				font-weight:bolder;
				color:#666;
			}
			
		/* 特征 */
		.stamp {
		    left: 10px;
		    margin: 5px;
		    overflow: hidden;
		    position: absolute;
		    top: 5px;
		    z-index: 5;
		    
       	 	width: 45px;
		    height: 45px;
		    display: block;
		    background:#00ccff;
		    color:#fff;
		    margin-bottom: 5px;
		}
		
		
			
		</style>
 	</head>


 
 	<body>
<!--顶部 begin-->
<div class="top-area">
	<div class="top-panel">	
				<span>您好, </span>
		<a href="/shop-pc/login">[请登录]</a>
		<a href="/shop-pc/reg">[免费注册]</a>|
		<a href="javascript:void(0);" rel="sidebar" onclick="AddFavorite('/shop-pc/','商城');" ><i class="fa fa-star c-warning top-start"></i>收藏我们</a>|
		<span>客服电话 400-8888888</span>
	</div>
</div>
<!--顶部 end-->
	
<!--搜索 begin-->
<div class="search-area">
	<div class="search-logo">
		<a href="/shop-pc/">
			<img src="../images/6_1.png">
		</a>
	</div>
	<form action="/shop-pc/goods/search?sortType=optime&search_CN_title=苹果">
	<div class="search-panel">
		<p>
			<button type="submit">搜索</button>
			<input placeholder="请输入关键词" name="search_CN_title" type="text" value="苹果">
		</p>
		<div class="search-hot-panel">
			<ul>
				<li>热门搜索：</li>
					<li><a href="/shop-pc/goods?search_CN_title=热门水果">热门水果</a></li>
					<li><a href="/shop-pc/goods?search_CN_title=国产水果">国产水果</a></li>
					<li><a href="/shop-pc/goods?search_CN_title=坚果年货">坚果年货</a></li>
			</ul>
		</div>
	</div>
	</form>
	<!-- 
	<div class="search_ad"><a href="#"><img src="../images/me_01.jpg"></a></div>
	-->
</div>
<!--搜索 end-->

<!--navig begin -->
<div class="navig-area">
	<div class="navig-panel">
		
		
		<!-- 分类  begin -->
		<div class="category-area">
			<div class="nav-all-category">
				<div class="all-category"><a href="/shop-pc/goods" style="color:#fff;" >全部商品分类</a></div>
			</div>

			<div class="leftMenu">
				<ul class="menuList">
					<li class="list">
					<span>分类1、分类2
					<i class="fa fa-chevron-right" aria-hidden="true"></i>
					</span>
						<div class="menuDetail">
							<ul class="menuListDetail">
								<li class="menuListDetailList"><a href="javascript:;">123</a></li>
								<li class="menuListDetailList"><a href="javascript:;">123</a></li>
								<li class="menuListDetailList"><a href="javascript:;">123</a></li>
								<li class="menuListDetailList"><a href="javascript:;">123</a></li>
							</ul>
						</div>
					</li>
				</ul>
				<div class="menuDetail" style="display: none;">
					<ul class="menuDetailList">
						<li class="list">123</li>
					</ul>
				</div>
			</div>



		</div>
		 <!--分类  end -->

		
		<div class="navigation" style="">
			<ul>
				<li> <a href="/shop-pc/">首页 </a></li>
				<!--
				<li> <a href="#">首页 </a></li>
				<li> <a href="#">首页 </a></li>
				<li> <a href="#">首页 </a></li>
				-->
			</ul>
		</div>
	</div>
</div>
<!--navig end -->


		<!-- 
		<div class="container" style="padding: 0px;margin: 0px auto;">
			<div class="row">
				<div class="col-md-12" style="padding: 0px;margin: 0px auto;">
		-->

	<!--面包屑-->
	<div class="crumbs-area" style="border-bottom: 0px solid #CCC;">
		<ul>
			<li>
				<a href="/shop-pc/goods">全部结果</a>
			</li>
		</ul>
	</div>
	<!-- 面包屑 -->
	
	

	<!--索引 begin-->
	<div class="select-area" style="min-height:40px;">
		<ul class="list-unstyled">
			
			<li class="select-line">
				<div class="select-panel">
					<div class="select-title">特性</div>
					<div class="select-content">
						<dl>	
								<dd><a href="/shop-pc/goods?sortType=optime&search_EQ_feature=国产&search_CN_title=苹果">国产</a></dd>
								<dd><a href="/shop-pc/goods?sortType=optime&search_EQ_feature=进口&search_CN_title=苹果">进口</a></dd>
						</dl>
					</div>
				</div>
			</li>

			<li class="select-line">
				<div class="select-panel">
					<div class="select-title">品牌</div>
					<div class="select-content">
						<dl>
							
								<dd><a href="/shop-pc/goods?sortType=optime&search_EQ_brand=鲜配&search_CN_title=苹果">鲜配</a></dd>
								<dd><a href="/shop-pc/goods?sortType=optime&search_EQ_brand=国产&search_CN_title=苹果">国产</a></dd>
								<dd><a href="/shop-pc/goods?sortType=optime&search_EQ_brand=智利&search_CN_title=苹果">智利</a></dd>
								<dd><a href="/shop-pc/goods?sortType=optime&search_EQ_brand=佳沛&search_CN_title=苹果">佳沛</a></dd>
								<dd><a href="/shop-pc/goods?sortType=optime&search_EQ_brand=都乐&search_CN_title=苹果">都乐</a></dd>
						</dl>
					</div>
				</div>
			</li>

			<li class="select-line">
				<div class="select-panel">
					<div class="select-title">价格</div>
					<div class="select-content">
						<dl>
							<dd>
									<a href="/shop-pc/goods?sortType=optime&search_GE_price=0&search_LE_price=10&search_CN_title=苹果">0~10</a>
							</dd>
							<dd>
									<a href="/shop-pc/goods?sortType=optime&search_GE_price=11&search_LE_price=20&search_CN_title=苹果">11~20</a>
							</dd>
							<dd>
									<a href="/shop-pc/goods?sortType=optime&search_GE_price=21&search_LE_price=50&search_CN_title=苹果">21~50</a>
							</dd>
							<dd>
									<a href="/shop-pc/goods?sortType=optime&search_GE_price=51&search_LE_price=100&search_CN_title=苹果">51~100</a>
							</dd>
							<dd>
									<a href="/shop-pc/goods?sortType=optime&search_GE_price=100&search_LE_price=10000&search_CN_title=苹果">100以上</a>
							</dd>
							<!--
							<dd><a href="/shop-pc/goods?sortType=optime&search_GE_price=0&search_LE_price=10&search_CN_title=苹果">0~10</a></dd>
							<dd><a href="/shop-pc/goods?sortType=optime&search_GE_price=11&search_LE_price=20&search_CN_title=苹果">11~20</a></dd>
							<dd><a href="/shop-pc/goods?sortType=optime&search_GE_price=21&search_LE_price=50&search_CN_title=苹果">21~50</a></dd>
							<dd><a href="/shop-pc/goods?sortType=optime&search_GE_price=51&search_LE_price=100&search_CN_title=苹果">51~100</a></dd>
							<dd><a href="/shop-pc/goods?sortType=optime&search_GE_price=100&search_LE_price=10000&search_CN_title=苹果">100以上</a></dd>
							-->
						</dl>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<!--索引 end-->

	<div class="goods-area">	
		<ul>
				<li>
					<div class="good-panel">
						<div class="good-inner">
							<a href="/shop-pc/goods/124" target="_blank">
								<img src="../images/443a02e85e4a4dd6b46e435fdc8fc745.jpg" data-holder-rendered="true" style="display: block;">
							</a>
						<p class="good-inner-prize"><span>80</span>/袋</p>
						<p class="good-inner-title">阿克苏冰糖心苹果大件</p>
						<p class="good-inner-other">剩余:<span>200</span><b>|</b><a>评价:0</a></p>
					</div>
				</li>
				<li>
					<div class="good-panel">
						<div class="good-inner">
							<a href="/shop-pc/goods/123" target="_blank">
								<img src="../images/3a30e16067c842eca50154fece7ef2b6.jpg" data-holder-rendered="true" style="display: block;">
							</a>
						<p class="good-inner-prize"><span>65</span>/袋</p>
						<p class="good-inner-title">阿克苏冰糖心苹果小件</p>
						<p class="good-inner-other">剩余:<span>200</span><b>|</b><a>评价:0</a></p>
					</div>
				</li>
				<li>
					<div class="good-panel">
						<div class="good-inner">
							<a href="/shop-pc/goods/104" target="_blank">
								<img src="../images/84dd5ea90e4746ad83ba8379dacb800a.jpg" data-holder-rendered="true" style="display: block;">
							</a>
						<p class="good-inner-prize"><span>0.01</span>/袋</p>
						<p class="good-inner-title">苹果</p>
						<p class="good-inner-other">剩余:<span>199</span><b>|</b><a>评价:0</a></p>
					</div>
				</li>
			
			
			
		</ul>

		<!-- 
		<div class="row">
				<div class="col-md-3">
					<div class="thumbnail">	
						<div class="stamp">新货</div> 
						<a href="/shop-pc/goods/124">
		          		<img src="../images/443a02e85e4a4dd6b46e435fdc8fc745.jpg" data-holder-rendered="true" style="width:100%;height: 260px;display: block;">
		          		</a>
		          		<div class="caption">
				            <div class="text-center">
								<a href="/shop-pc/goods/124" style="color: #666;font-weight:bolder;">
									阿克苏冰糖心苹果大件	
								</a>
				            </div>
				            <div class="text-center">
								<i class="fa fa-rmb"></i>80 <s style="color:red;margin-left:5px"><i class="fa fa-rmb"></i> 80</s>
							</div>
				            <div class="text-center">
				            	<a href="/shop-pc/goods/124" class="btn btn-danger goods-buy" role="button">购买</a> 
				           	</div>
			          	</div>
			          	
			        </div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">	
						<div class="stamp">新货</div> 
						<a href="/shop-pc/goods/123">
		          		<img src="../images/3a30e16067c842eca50154fece7ef2b6.jpg" data-holder-rendered="true" style="width:100%;height: 260px;display: block;">
		          		</a>
		          		<div class="caption">
				            <div class="text-center">
								<a href="/shop-pc/goods/123" style="color: #666;font-weight:bolder;">
									阿克苏冰糖心苹果小件	
								</a>
				            </div>
				            <div class="text-center">
								<i class="fa fa-rmb"></i>65 <s style="color:red;margin-left:5px"><i class="fa fa-rmb"></i> 70</s>
							</div>
				            <div class="text-center">
				            	<a href="/shop-pc/goods/123" class="btn btn-danger goods-buy" role="button">购买</a> 
				           	</div>
			          	</div>
			          	
			        </div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">	
						<div class="stamp">热门</div> 
						<a href="/shop-pc/goods/104">
		          		<img src="../images/84dd5ea90e4746ad83ba8379dacb800a.jpg" data-holder-rendered="true" style="width:100%;height: 260px;display: block;">
		          		</a>
		          		<div class="caption">
				            <div class="text-center">
								<a href="/shop-pc/goods/104" style="color: #666;font-weight:bolder;">
									苹果	
								</a>
				            </div>
				            <div class="text-center">
								<i class="fa fa-rmb"></i>0.01 <s style="color:red;margin-left:5px"><i class="fa fa-rmb"></i> 5</s>
							</div>
				            <div class="text-center">
				            	<a href="/shop-pc/goods/104" class="btn btn-danger goods-buy" role="button">购买</a> 
				           	</div>
			          	</div>
			          	
			        </div>
				</div>
		</div>
		-->

		
		<div class="pagin-area">
			<div class="pagin-btn">
<!-- 
	spring-data-jpa 分页宏  by chan
	requestmapping -> 控制器前缀,如 orderController manage/order 
	page  -> 分页对象
	totalElements -> 总共多少条记录
	totalPages -> 总共多少页
	current    -> 当前页
 -->
		
		
		
			
			
			<div class="clearfix">
				<span style="height: 33px;line-height: 33px;padding: 0px 30px;float: right;">当前第1页/共1页,共3条记录</span>
				<ul class="pagination">
					<li>
							<a href="/shop-pc/goods?pageNumber=1&sortType=optime&search_CN_title=苹果" aria-label="Previous">
					 			<span aria-hidden="true">&laquo;</span>
							</a>	
					</li>
		
							<li><a href="/shop-pc/goods?pageNumber=1&sortType=optime&search_CN_title=苹果"><b style="color:red">1</b></a></li>
		
					<li>
							<a href="/shop-pc/goods?pageNumber=1&sortType=optime&search_CN_title=苹果"  aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
					</li>
				</ul>
			</div>
			</div>
		</div>
		
	</div>

	
		<!--
				</div>
 			</div>
 		</div>
 		 -->
 		
<!--service: 服务  begin-->
<div class="service-area">
	<div class="slogen-panel">
		<ul >
			<li><a href="#"><img src="../images/b_1.png"> <h4>品质保证</h4> <p>货到付款</p></a></li>
			<li><a href="#"><img src="../images/b_2.png"> <h4>七天无理由退换</h4> <p>国免邮</p></a></li>
			<li><a href="#"><img src="../images/b_3.png"> <h4>特色服务体验</h4> <p>自营冷链全国配送</p></a></li>
			<li><a href="#"><img src="../images/b_4.png"> <h4>有机农场</h4> <p>新蔬直供</p></a></li>
			<li><a href="#"><img src="../images/b_4.png"> <h4>帮助中心</h4> <p>国免邮</p></a></li>
		</ul>
	</div>

	<div class="service-panel">
			
				<dl class="service-item cot5">
					<dt>食品安全</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="http://www.sxmmd.com/help/2">有机农场</a></div>
									<div><a href="http://www.sxmmd.com/help/3">采购标准</a></div>
									<div><a href="/shop-pc/help/4">食品信息公开透明</a></div>
									<div><a href="/shop-pc/help/5">透明社区经营理念</a></div>
									<div><a href="/shop-pc/help/6">我们的资质</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>新手教程</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/8">购物流程</a></div>
									<div><a href="/shop-pc/help/9">注册登录</a></div>
									<div><a href="/shop-pc/help/10">账户充值</a></div>
									<div><a href="/shop-pc/help/11">如何提货</a></div>
									<div><a href="/shop-pc/help/12">会员政策</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>配送方式</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/14">自营全程冷链配送</a></div>
									<div><a href="/shop-pc/help/15">配送范围</a></div>
									<div><a href="/shop-pc/help/16">运费标准</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>支付方式</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/18">货到付款</a></div>
									<div><a href="/shop-pc/help/19">在线支付</a></div>
									<div><a href="/shop-pc/help/20">账户余额支付</a></div>
									<div><a href="/shop-pc/help/21">退款说明</a></div>
									<div><a href="/shop-pc/help/22">多种福利卡</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>售后服务</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/24">退换货政策</a></div>
									<div><a href="/shop-pc/help/25">退换货流程</a></div>
									<div><a href="/shop-pc/help/26">发票制度</a></div>
									<div><a href="/shop-pc/help/27">投诉建议</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
			
				<dl class="service-item cot5">
					<dt>帮助信息</dt>
					<dd>	
						<!-- 遍历父节点为pid的全部节点 -->
									<div><a href="/shop-pc/help/29">安全食品采购指南</a></div>
									<div><a href="/shop-pc/help/30">常见问题</a></div>
									<div><a href="/shop-pc/help/31">电子优惠券的使用</a></div>
									<div><a href="/shop-pc/help/32">礼品卡</a></div>
					</dd>	
				</dl>
			
			
			
			
			
			
			
			
			
	</div>
</div>
<!--service: 服务 end -->
	
<!-- footer:页脚  begin -->
<div class="footer">
	<div class="foot-panel">
		<div style="float:left;width:70%;text-align:right;">
			<p>免费热线：400-168-9979</p>
			<p>电子邮箱：bj@letsun.com.cn</p>	
			<p>Copyright&nbsp;©&nbsp;2015-2016  立信创源 &nbsp;&nbsp;ww.letsun.com.cn &nbsp;版权所有</p>
			<p>Power by 粤ICP备13083109号</p>
		</div>			
		<div style="float:right;width:30%;text-align:center;">
			<img src="../images/down_m.png" style="width:100px;height:100px;"/>
			<img src="../images/weixian_er.png" style="width:100px;height:100px;"/>
		</div>
	</div>
</div>
<!-- footer:页脚  end -->


	
	<script type="text/javascript">
		var $path="/shop-pc";
	</script>

	<!-- 购物车 -->
	<script type="text/javascript">
	/*购物车-删除产品*/
	function delGood(num){
		$("#cartItem" + num).remove();
		delCartItem(num) ;
	}
	
  	function delCartItem(gid) {
		//showMask();
	    $.ajax({
	        url: "/shop-pc/cart/del/"+gid+"",
	        type: "post",
	        success: function(data) {
	        	if(data.code == "200"){
	        		var result = eval('(' +  data.result + ')');
	        		//修改购物车
	        		$('#cartAmount1').text(result.amount);
	        		$('#cartAmount').text(result.amount);
	        		$('#cartTotal').text(result.total);
	        		//删除购物车条目
	        		$("#cartItem"+gid).remove();
	        	}
	        	//setTimeout("hideMask()", 100);
	        },
	        cache: false,
	        error: function() {
	        	//setTimeout("hideMask()", 100);
	        }
	    });
	}
	/**
	 * @desc 侧边导航栏事件
	 */
		$(".nav-all-category").hover(function(){
			$(".leftMenu").css("display","block");
		});
		$(".leftMenu").hover(function() {
		},function(){
			$(this).css("display", "none");

		});
	</script>
 	</body>
 </html>
